/*GENERAL DOM
----------------------------------*/

*{
	margin:0px;
	padding:0px;
	outline: 0px;
	/*font-family:Helvetica, serif, "Courier New";*/
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}
body,html{
	font-size:12px;
	height:97%;
	width:100%;
}
span{display:block;}
ul li{list-style: none;}
a,a:active, a:hover, a:focus{text-decoration:none;outline:0px;color: black;}
.formA{
	line-height: 25px;
	}
.formA strong{
display: block;
color:#1E5799;
font-size: 14px;
}

h3{text-align: center;line-height: 60px;color: #1E5799}
h2{color:#1E5799;}
h4{color:#1E5799;font-size: 14px}
input,select,textarea{
	background:white;
	color:#3B576C;
	font-size:13px;
	line-height:13px;
	border:1px solid #CCC;
	box-shadow:inset 1px 1px 5px #EEE;
	-moz-box-shadow: 1px 1px 5px #EEE;
  	-webkit-box-shadow: 1px 1px 5px #EEE;	
	padding:5px;
	border-radius:5px;
	margin-right: 20px
}
select{padding: 4px;}
label{margin-right:10px;margin-bottom:5px;color:#035;text-shadow:1px 1px 1px #fff;font-size: 12px}

input:focus,select:focus,textarea:focus{
	box-shadow:inset 1px 1px 5px #D2D2D2;
	-moz-box-shadow:inset 1px 1px 5px #D2D2D2;
  	-webkit-box-shadow:inset 1px 1px 5px #D2D2D2;	
}

.bordeSeccion{
	border: 1px solid #CCC;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #DDD;
	-moz-box-shadow: 1px 1px 5px #DDD;
	-webkit-box-shadow: 1px 1px 5px #DDD;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}




/* PLANTILLA-----------------------*/

#contenedor-principal{
/* 	border: 1px solid #CCC; */
/* 	border-radius: 5px; */
/* 	box-shadow: 1px 1px 10px #DDD; */
/* 	background: #E2E2E2; */
	margin: 20px auto;
	width: 950px;
}

#contenedor-principal #cabecera{
	height:130px;;
/* 	border-bottom: 1px solid #CCC; */
	background: white;
	margin: 5px;
/* 	border: 1px solid #CCC; */
	overflow: hidden;
	position: relative;
}
#contenedor-principal #cuerpo{
	margin: 5px;
/* 	background: white; */
/* 	border: 1px solid #CCC; */
	position: relative;
	min-height: 60%;
}


#contenedor-principal #cuerpo #panelcuerpo-cen{
/* border: 1px solid black; */
width: 100%;
margin: 0 auto;
padding: 5px;
}

#contenedor-principal #pie{
height: 50px;
/* background: white; */
/* border-bottom: 1px solid #CCC; */
margin: 5px;
clear:both;
}

	/*CABECERA---------------*/
	.cabeceralogoA{
		background: url(../img/Logo.png) no-repeat transparent;
		float: left;
		width: 133px;
		height: 54px;
		bottom: 35px;
		position: absolute;
	}
	
	.cabeceralogoB{
		float: right;
		margin-top: 45px;
	}
	
	.cabeceralogoC{
		float: left;
	}
	
	.cabeceraBusquedaFriend{
		float: left;
		line-height: 74px;
	}
	
	.cabeceraUsuario{
		margin-top:18px;
		margin-right: 10px;
		line-height: 20px;
		float:right;
	}
	
	.cabeceraUsuario a{
		line-height: 20px;
		float: right;
	}

	
	/*PANEL CUERPO CENTRO-------*/
		
	#menu{
	float: left;
	width: 20%;
/*	border: 1px solid;*/
	margin-right: 5px;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:1px 1px 5px #DDD;
	-moz-box-shadow: 1px 1px 5px #DDD;
  	-webkit-box-shadow: 1px 1px 5px #DDD;
  	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 15px;
	}
	#menu h4{text-align:center}
	#menu a{padding-left: 10px;display: block;line-height: 20px;}
	#menu a:hover{background-color: #1E5799; color: white;}
/* 	#contenido div{ */
/* 		border:1px solid #CCC; */
/* 		border-radius:5px; */
/* 		box-shadow:1px 1px 5px #DDD; */
/* 		-moz-box-shadow: 1px 1px 5px #DDD; */
/*   		-webkit-box-shadow: 1px 1px 5px #DDD; */
/*   		padding-bottom: 10px; */
/* 		padding-top: 10px; */
/* 		margin-bottom: 15px; */
/* 	} */

/* 	#menu-Amigos{line-height: 18px;} */
/* 	#menu-Amigos h4{text-align:center;} */
/* 	#menu-Amigos a ,#menu-Operaciones a,#foroView-Actual div{padding-left: 10px;display: block;} */
	
/* 	#menu-Operaciones{line-height: 20px;} */
	
	#contenido{
	float: left;
	width: 72%;
	padding: 10px 15px;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:1px 1px 5px #DDD;
	-moz-box-shadow: 1px 1px 5px #DDD;
  	-webkit-box-shadow: 1px 1px 5px #DDD;
	}

	.menuOpc{
	background: url(../img/botones/menuOpc.jpg) no-repeat transparent;
	height: 66px;
	background-position: center;
	}
	
	.menuOpc a{
	display: block;
	text-align: center;
	vertical-align: middle;
	line-height: 66px;
	font-size: 10px;
	font-weight: bold;	
	}
	

	

/* ICONOS -----------*/

.icon{
	vertical-align: text-bottom;
	background: url(../img/iconos/iconos.png) no-repeat transparent ;
	float: left;
	height: 20px;
	width: 20px;
}
.ilogout{background-position: -79px 0px;}
.ilogout:hover{background-position: -230px 0px;}
.icheck{background-position: -230px -132px;}
/* BOTONES ----------*/
.btn{
	padding: 5px 15px;
	border-radius: 5px;
	cursor:pointer;
	color: black;
	border: 2px solid black;
	display: inline-block;
	line-height: normal;
	font-size: 12px;
}


.btn:hover{
	background: #5d93b7; /* Old browsers */
	background: -moz-linear-gradient(top, #5d93b7 0%, #267097 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d93b7), color-stop(100%,#267097)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5d93b7 0%,#267097 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5d93b7 0%,#267097 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5d93b7 0%,#267097 100%); /* IE10+ */
	background: linear-gradient(top, #5d93b7 0%,#267097 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d93b7', endColorstr='#267097',GradientType=0 ); /* IE6-9 */
}

.btn:active{
	background: #267097; /* Old browsers */
	background: -moz-linear-gradient(top, #267097 0%, #5d93b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#267097), color-stop(100%,#5d93b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #267097 0%,#5d93b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #267097 0%,#5d93b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #267097 0%,#5d93b7 100%); /* IE10+ */
	background: linear-gradient(top, #267097 0%,#5d93b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267097', endColorstr='#5d93b7',GradientType=0 ); /* IE6-9 */	
}


/* ATRIBUTOS --------*/
.msgOperacion{
	text-align: center;
	margin: 100px;
	font-weight: bold;
}
.mostrar{display:block !important;}
.fno{float:none}
.fi{float:left;}
.fd{float:right;}
.clear{clear:both;}
.ce{text-align:center;} /*centrado*/
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.mr10p{margin-right:10%;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px}
.m0{margin-left:0;margin-right: 0;margin-bottom: 0;margin-top:0;}
.campo, .campoF {margin-bottom:10px;}
.campo label,.campoF label{display:block;margin-bottom:5px;color:#035;text-shadow:1px 1px 1px #fff;}
.campoF{line-height: 25px;}
/*INPUTS ---------------*/
.input, .inputC, .inputM, .inputG, .inputP, .inputSelect{
	background:white;
	color:#3B576C;
	font-size:13px;
	line-height:13px;
	border:1px solid #CCC;
	box-shadow:inset 1px 1px 5px #EEE;
	-moz-box-shadow: 1px 1px 5px #EEE;
  	-webkit-box-shadow: 1px 1px 5px #EEE;	
	padding:5px;
	border-radius:5px;
}
.input:focus,
.inputC:focus,
.inputM:focus,
.inputG:focus,
.inputP:focus,
.inputSelect:focus
{
	box-shadow:inset 1px 1px 5px #D2D2D2;
	-moz-box-shadow:inset 1px 1px 5px #D2D2D2;
  	-webkit-box-shadow:inset 1px 1px 5px #D2D2D2;	
}

.inputC{width:200px;}
.inputM{width:450px;}
.inputG{width:700px;}
.inputP{width:100%;}
.inputSelect{font-size: 12px}


/* SISTEMA --------------------------------------------------*/

	/*LOGIN--*/
	#loginForm{
	width:260px;
	padding:40px;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:1px 1px 5px #DDD;
	-moz-box-shadow: 1px 1px 5px #DDD;
  	-webkit-box-shadow: 1px 1px 5px #DDD;
	margin:0px auto;
	margin-top:100px;
	}

	/*REGISTRO SERVICIO --*/
	#formRegistroServicio{
		width: 506px;
		margin: 0 auto;
	}
	#formRegistroServicio input,#formRegistroServicio textarea{
		display: block
	}
	
	